<div class="search-wrap">
    <span class="title">名称</span>
</div>
<div class="clearfix show-info-box">
        <div class="box icon-box icon-box-b pull-left clearfix">
            <div class="self-box">
                <img src="img/icon_1.png" alt="" class="user-img img-circle pull-left" />
                <div class="txt-box pull-left">
                    <p class="txt">果园</p>
                    <p class="text-muted">17712345678</p>
                </div>
                <div class="txt-box pull-left">
                    <p class="txt">注册时间</p>
                    <time class="text-muted">2016/2/2</time>
                </div>
            </div>
        </div>
        <div class="box icon-box icon-box-g pull-left">
           <div class="self-box">
                <span class="txt icon-money">账户余额</span>
                <span class="txt-big">1523.00</span>
           </div>
        </div>
</div>
<div class="main-wrapper">
    <div class="tabs">
        <ul class="list-inline">
            <li class="active"><a class="btn-link" href="#tab1" data-toggle="tab">银行账号</a></li>
            <li><a class="btn-link" href="#tab2" data-toggle="tab">员工</a></li>
            <li><a class="btn-link" href="#tab3" data-toggle="tab">流水明细</a></li>
            <li><a class="btn-link" href="#tab4" data-toggle="tab">配送公司关系</a></li>
        </ul>
    </div>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <div class="table-wrap">
                <table class="table">
                    <thead>
                        <tr>
                            <th>开户银行</th>
                            <th>所属支行</th>
                            <th>银行卡号</th>
                            <th>持卡人</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!--  end of  tab1 -->
        <div class="tab-pane" id="tab2">
            <div class="table-wrap">
                <table class="table">
                    <thead>
                        <tr>
                            <th>用户账号</th>
                            <th>员工姓名</th>
                            <th>员工编号</th>
                            <th>公司账号</th>
                            <th>岗位</th>
                            <th>所属部门</th>
                            <th>所属网点</th>
                            <th>入职时间</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <!-- end of tab2 -->
        <div class="tab-pane" id="tab3">
            <div class="table-wrap">
                <table class="table">
                    <thead>
                        <tr>
                            <th>操作</th>
                            <th>来源</th>
                            <th>金额</th>
                            <th>用途</th>
                            <th>操作人</th>
                            <th>剩余金额</th>
                            <th>时间</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <!--  end of tab3 -->
        <div class="tab-pane" id="tab4">
            <div class="table-wrap">
                <table class="table">
                    <thead>
                        <tr>
                            <th>配送公司名称</th>
                            <th>关系</th>
                            <th>订单数量</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>